<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>人员轨迹</title>
    <link rel="stylesheet" href="./style.css">
</head>

<body>
    <div class="container" id="app">
        <div class="row1">
            <div class="row1_font">
                食堂B区监控
            </div>
            <div class="icon_font">
                起
            </div>
        </div>
        <div class="row2">
            <div class="video">
                <img src="../../../assets/images/PersonnelTrajectoryImg/video.png" alt="">
            </div>
        </div>
        <div class="row3">
            <div class="row3_item" v-for="(item,index) in list" :key="index">
                <div class="title">
                    {{item.title}}：
                </div>
                <div class="name">
                    {{item.name}}
                </div>
            </div>
        </div>
    </div>
    <script src="../../../config.js"></script>
    <script src="../../../assets/lib/echarts.min.js"></script>
    <script src="../../../assets/js/main.js" type="module"></script>
    <script src="../../../assets/lib/md5.js"></script>
    <script type="module">
        new Vue({
            el: '#app', // 绑定元素
            data: {
                list: [
                    {
                        title: "姓名",
                        name: "苏小美"
                    },
                    {
                        title: "地点",
                        name: "东面大门"
                    },
                    {
                        title: "时间",
                        name: "08:49:06"
                    },
                    {
                        title: "身份",
                        name: "员工"
                    }
                ]
            }
        })
    </script>
</body>

</html>